#banner {
    -fx-background-color: null;
    -fx-background-image: url("images/banner.png");
}

#shelf {
    -fx-background-color: null;
    -fx-background-image: url("images/shelf.png");
}

.album {
    -fx-effect: dropshadow( three-pass-box , rgba(0,0,0,1) , 5, 0.0 , 1 , 1 );
    -fx-cursor: hand;
}

.search-box .text-field {
    -fx-background-color: white;
    -fx-background-insets: 1;
    -fx-background-radius: 15;
    -fx-padding: -9 5 -11 0;
    -fx-border-image-source: url("images/search-box.png");
    -fx-border-image-slice: 12 12 12 22 fill;
    -fx-border-image-width: 12 12 12 22;
    -fx-border-image-repeat: stretch; 
    -fx-font-size: 13px;
    -fx-prompt-text-fill: grey;
}

.search-box .text-field:focused {
    -fx-background-color: -fx-focus-color, white;
    -fx-background-insets: -1.4, 1;
    -fx-background-radius: 14.4;
}

.search-box .button {
    -fx-background-color: null;
    -fx-background-image: url("images/search-clear.png");
}

.search-box .button:hover {
    -fx-background-image: url("images/search-clear-over.png");
}

#previousBtn {
    -fx-font: bolder 12px fantasy;
    -fx-background-radius: 12px;
}

#nextBtn {
    -fx-font: bolder 12px fantasy;
    -fx-background-radius: 12px;
}

#close {
    -fx-font-size: 1px;
    -fx-background-color: null;
    -fx-background-image: url("images/close.png");
    -fx-background-position: center;
    -fx-padding: 9;
    -fx-background-radius: 0;
}

#close:hover {
    -fx-background-color: rgba(255,255,255,0.3);
}

#min {
    -fx-font-size: 1px;
    -fx-background-color: null;
    -fx-background-image: url("images/min.png");
    -fx-background-position: center;
    -fx-padding: 9;
    -fx-background-radius: 0;
}

#min:hover {
    -fx-background-color: rgba(255,255,255,0.3);
}

#albumBox {
    -fx-background-color: rgb(233,234,236);
}

#albumNameLbl {
    -fx-font: 18px fantasy;
    -fx-padding: 0 0 0 9;
    -fx-effect: dropshadow( gaussian , rgba(255,255,255,1) , 0 , 0 , 0 , 1 );
}

#messageLbl {
    -fx-font: 14px fantasy;
    -fx-text-fill: white;
    -fx-padding: 9;
    -fx-effect: dropshadow( three-pass-box , rgba(0,0,0,1) , 6, 0.0 , 0, 0 );
}

#messageBox .info {
    -fx-background-color: rgba(105,105,105,0.6);
}

#messageBox .error {
    -fx-background-color: rgba(128,0,0,0.6);
}